import React from "react";
import "./index.css"
import Item from "./item";
export default function List({todoList,setTodoList}) {
  return (
    <div>
      <ul className="todo-main">
        {
          todoList.map(item => {
            return <Item key={item.id}{...item} setTodoList = {setTodoList} todoList = {todoList}/>
          })
        }

      </ul>
    </div>
  );
}
